<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>三列布局</title>
		<style class="text/css">
		
		.left{
			width: 200px;
			height: 550px;
		    background-color: pink;
			float: left;
		}
		
		.right{
			width: 200px;
			height: 550px;
			background-color: cornsilk;
			float: right;
		}
		
		.center{
			
			height: 550px;
			background-color: aqua;
			 
		}
		
		</style>
	</head>
	<body>
		<div class="left"></div>
		<div class="right"></div>
		<div class="center"></div>
		
	</body>
</html>
